  <template>
    <div>id：{{route.query.id}}</div>
    <div>title：{{route.query.title}}</div>
    <div>content：{{route.query.content}}</div>

    <div>id：{{route.params.id}}</div>
    <div>title：{{route.params.title}}</div>
    <div>content：{{route.params.content}}</div>

    <div>{{id}}</div>
    <div>{{title}}</div>
    <div>{{content}}</div>
  </template>

  <script setup lang="ts">
  //如果要使用路由跳转 传过来的数据， 就要用到route工具
  import {useRoute} from "vue-router";
  let route = useRoute()

  defineProps(['id','title','content'])
  </script>